<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>快件e栈快递员登陆</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body style="">
<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed">
        <a href="javascript:;" class="aui-navBar-item">

        </a>
        <div class="aui-center">
            <span class="aui-center-title"></span>
        </div>
    </header>
    <section class="aui-scrollView">
        <div class="aui-ver-head">
            <img src="images/head.png" alt="">
        </div>
        <div class="aui-ver-form"><img class="logo" src="images/logo.png">
            <div class="aui-flex">
                <div class="aui-flex-box">
                    <i class="icon icon-phone"></i>
                    <input id="phone1" type="text" autocomplete="off" placeholder="手机号码" onblur="phoneTest()"/>
                </div>
            </div>
            <div class="aui-flex">
                <div class="aui-flex-box">
                    <i class="icon icon-code"></i>
                    <input id="code1" type="text" autocomplete="off" placeholder="验证码">
                </div>
                <div class="aui-button-code">
                    <input id="btnSendCode1" type="button" class="btn btn-default" value="获取验证码"
                           onclick="sendMessage1()">
                </div>
            </div>
            <div class="aui-ver-button">
                <button onclick="binding()">立即登录</button>
                <button onclick="skipCourierRegister()">注册</button>

            </div>
            <div class="aui-cell-box">
                <label class="cell-right">
                    <input type="checkbox" value="1" name="checkbox" checked="checked">
                    <i class="cell-checkbox-icon"></i>
                    <em>同意快递e栈注册协议</em><span style="color: black" onclick="skipUser()">我是用户</span>
                </label>
            </div>
        </div>
    </section>
</section>
<script src="js/jquery-1.11.1.js"></script>
<script src="layer/layer.js"></script>
<script src="assets/layui.all.js"></script>
<script type="text/javascript">
    var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
    var count = 60;
    var InterValObj1;
    var curCount1;

    function phoneTest() {
        var str = $("input:eq(0)").val();
        console.log(str);
        str = $.trim(str);
        var ret = /^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
        if (!ret.test(str)) {
            layer.alert("手机号不合法！");
            return;
        }
    }

    function sendMessage1() {
        curCount1 = count;
        var phone = $.trim($('#phone1').val());
        if (!phoneReg.test(phone)) {
            alert(" 请输入有效的手机号码");
            return false;
        }
        $.getJSON("/wx/users/refresh.do", {}, function (data) {
        });

        $("#btnSendCode1").attr("disabled", "true");
        $("#btnSendCode1").val(+curCount1 + "秒再获取");
        InterValObj1 = window.setInterval(SetRemainTime1, 1000);

    }

    function SetRemainTime1() {
        if (curCount1 == 0) {
            window.clearInterval(InterValObj1);
            $("#btnSendCode1").removeAttr("disabled");
            $("#btnSendCode1").val("重新发送");
        }
        else {
            curCount1--;
            $("#btnSendCode1").val(+curCount1 + "秒再获取");
        }
    }

    function binding() {
        if (!$(":checkbox").prop("checked")) {
            layer.msg("未勾选协议,无法登陆");
            return;
        }
        var phone = $("input:eq(0)").val();
        var identifyCode = $("input:eq(1)").val();

        $.getJSON("/wx/couriers/login.do", {
            phone: phone,
            identifyCode: identifyCode
        }, function (data) {
            console.log(data);
            if (200 == data["msgCode"]) {
                layer.alert("登录成功");
                window.location.href = "index.jsp";
                return;
            } else if (400 == data["msgCode"]) {
                layer.alert("登录失败");
            }
        });
    }
</script>
<script>
    function skipUser() {
        location.href = "/login.html";
    }
    function skipCourierRegister() {
        location.href="/courierRegister.html";
    }
</script>
</body>
</html>